<template>
    <div class="cTitle">
        <h3>{{text}}</h3>
        <img src="/images/titlebg.jpg" alt="">
    </div>
</template>

<script>
import { reactive,toRefs,getCurrentInstance } from 'vue'
import {useRoute,useRouter} from 'vue-router'
import { useStore } from 'vuex'
export default {
    props:['text'],
    components:{
        
    },
    setup(props,context){
        const router = useRouter()
        const route = useRoute()
        const store = useStore()
        const {proxy} = getCurrentInstance()

        const state = reactive({
            
        })

        return{
            ...toRefs(state)
        }
    }
}
</script>

<style lang="scss" scoped>
    .cTitle{
        h3{
            text-align: center;
            font-weight: 500;
            font-size: 36px;
            color: var(--baseColor);
        }
        img{
            display: block;
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            margin-top:40px;
        }
    }
</style>